<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>邮件验证码模板</title>
    <style>
        .logo-image {
            width: 65%;
            height: 55%;
            background: url("img/logo3.png") no-repeat;
            background-size: cover;
        }
    </style>
</head>

<body>
<div style="background: #F0F2F5; padding: 35px; font-size: 14px;">
    <div style="width: 750px; margin: 0 auto;">
        <div style="padding: 0 15px 20px;">
            <div style="height: 20px; display: flex; justify-content: space-between; position: relative;">
                <div>
                </div>
            </div>
            <div style="background: #fff; padding: 0 15px 50px;">
                <div style="width: 250px;display: flex;justify-content: center;align-items: center;height: 60px;padding-top: 20px">
                    <div class="logo-image"></div>
                </div>
                <div style="color: #41bf71;display: flex; margin-bottom: 30px;justify-content: center">
                    <div>
                        <div style="font-size: 100px; font-weight: bold; margin-bottom: 5px;">code
                        </div>
                        <div style="width: 600px; line-height: 24px;color: #8c8c8c">验证码<a style="color: #006eff; text-decoration: none;">5</a>分钟内有效，为保护账号安全，请勿泄露。
                        </div>
                    </div>
                </div>
                <div style="margin-top: 30px;margin-left: 45px"><span style="font-size: 14px; font-weight: bold;">温馨提示</span>
                    <div style="line-height: 24px; margin-top: 10px;">
                        <div>使用过程中如有任何问题，欢迎通过
                            <a href="https://gitee.com/fusionsoft/winter21t03" rel="noopener"
                               style="color: #006eff; text-decoration: none;" target="_blank"> Gitee </a>
                            等渠道随时联络我们。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <table class="responsive-table"
           style="text-size-adjust: 100%; margin-top: 18px; border-collapse: collapse !important; width: 100%;">
        <tbody>
        <tr>
            <td
                    style="font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; text-size-adjust: 100%;">
                <p style="line-height: 20px; text-size-adjust: 100%; font-family: 'Microsoft YaHei',serif!important;
                 padding: 0 !important; margin: 0 !important; color: #7e8890 !important;">
                    <span class="appleLinks"> Copyright © 2023-2024 SonderCloud Limited (Hong Kong). 保留所有权利。</span>
                </p>
            </td>
        </tr>
        <tr style="padding: 0; margin: 0; font-size: 0; line-height: 0;">
            <td style="font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; text-size-adjust: 100%;">&nbsp;
            </td>
        </tr>
        <tr>
            <td style="font-size: 12px; -webkit-font-smoothing: subpixel-antialiased; text-size-adjust: 100%;">
                <p style="line-height: 20px; text-size-adjust: 100%; font-family: 'Microsoft YaHei',serif!important;
                padding: 0 !important; margin: 0 !important; color: #7e8890 !important;">
                    <span class="appleLinks">邮件由系统自动发送，请勿直接回复本邮件！</span></p>
            </td>
        </tr>
        </tbody>
    </table>
</div>
</body>

</html>
